<template lang="html">
  <div class="fen">
    <span @click="back">x</span>
    <p>朋友圈</p>
    <p>微信</p>
    <p>QQ</p>
    <p>微博</p>
  </div>
</template>

<script>
export default {
  methods:{
    back() {
        history.back()
    }
  }
}
</script>
<style media="screen">
body {
  margin: 0;
  padding: 0;
}
</style>
<style lang="css" scoped>
.fen{
  position: relative;
  padding-top: 15rem;
}
span{
  position: absolute;
  top: 0.5rem;
  right: 1.0rem;
  font-size: 2.0rem;
}
p{
  margin-bottom: 4rem;
  font-size: 2.5rem;
}
</style>
